<!--积分表-->
<section class="points-list" id="pointsList">
    <ul class=" data-li-table data-b-bottom ">
        <li class="title-row">
            <div class="col col-1" >排名</div>
            <div class="col col-2" >战队</div>
            <div class="col col-3" >赢</div>
            <div class="col col-4" >平</div>
            <div class="col col-5" >负</div>
            <div class="col col-6" >积分</div>
        </li>
    </ul>

    <ul class=" data-li-table data-b-bottom" >
        <template v-for="item in list | orderBy 'Points' -1">
            <li>
                <div class="col col-1">
                    <span>{{$index<9?"0"+($index+1):($index+1)}}</span>
                </div>
                <div class="col col-2">
                    <div class="inner">
                        <div class="img-box">
                            <img src="http://cdn.esportsmatrix.com/Content/images/uploaded/team/6daed0a6-99b9-41e3-81b2-687ce9956a82.png">
                        </div>
                        <p>{{item.TeamName}} </p>
                    </div>
                </div>
                <div class="col col-3 p-green">{{item.Win}}</div>
                <div class="col col-4 p-yellow">{{item.Draw}}</div>
                <div class="col col-5 p-red">{{item.Loss}}</div>
                <div class="col col-6 p-yellow-po">{{item.Points}}</div>
            </li>
        </template>
    </ul>

    <div class="load-more">
        <div class="load-wrap hide">
            <div class="loader">
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
            <div class="loader-text" >正在加载...</div>
        </div>
        <div class="none-data" >已经没有了</div>
        <div class="load-fail">加载失败，戳我重新加载。</div>
    </div>
</section>